﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	int count = 0;
%>
<!DOCTYPE HTML>
<html>
	<head>
		<base href="<%=basePath%>">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="description" content="JOMOO维修师傅专用系统" />
		<title>JOMOO维修登记平台</title>
		<link type="text/css" rel="stylesheet" href="include/css/css.css" />
		<link type="text/css" rel="stylesheet" href="include/iconFont/1.0.8/iconfont.css"/ >
		<link type="text/css" rel="stylesheet" href="include/css/date.css" />
		<script type="text/javascript" src="include/js/jquery-1.7.min.js"></script>
		<script type="text/javascript" src="include/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="include/layer/layer.js"></script>
		<script type="text/javascript" src="include/js/date.js"></script>
	</head>
	<style>
		.wrap{
            width: 885px;
            margin: auto;
        }
        .iframe-container{
            height: 0;
            padding-bottom: 90.6%;
            position: relative;
        }
        .iframe-container iframe{
            position: absolute;
            left: -50;
            top: 0;
            width: 80%;
            height: 80%;
        }
        @media screen and (max-width: 400px) {
            .wrap{
                width: 300px;
            }
        }
	</style>
	<script type="text/javascript">
		$(document).ready(function(){
			// 欢迎主界面
			//var wel = layer.open({
					  //type: 2,
					  //title: false,
					  //closeBtn: 0,
					 // area: ['1200px', '70%'],
					  //time: 7000,
					  //skin: 'layui-layer-nobg', //没有背景色
					  //shadeClose: false,
					  //content: 'view/sys/welcomeShowForFather.jsp',
					  //end:function (){
					  //}
					//});
			
			//layer.full(wel);
			
			document.getElementById("showview").src="view/sys/welcome.jsp";
			$("#menuul").find("li[id='menu1']").addClass("seleli");
			$.ajax({
				type: "POST",
				url: "JqueryAction/getCountsForShow.action",
				dataType: "json",
				async:false,
				cache:false, 
				success: function(datas)
				{
					if(datas.show)
					{
						//iframe窗
						layer.open({
							type: 2,
							title: '<i class="Hui-iconfont" style="font-size:15px">&#xe6c5;</i> 消息通知',
							closeBtn: 1, //不显示关闭按钮
							shade: [0],
							area: ['340px', '230px'],
							offset: 'rb', //右下角弹出
							time: 6000, //2秒后自动关闭
							anim: 2,
							shadeClose: true,
							content: ['view/sys/IndexInform.jsp', 'no']
						});
					}
				}
			});
		}); 
		
		function test01(val1)
		{
			alert(val1);
			layer.open({
				type: 2,
				title: '<i class="Hui-iconfont" style="font-size:15px">&#xe6c5;</i> 备忘提醒<a align="right">不再提醒此条</a>',
				closeBtn: 1, //不显示关闭按钮
				shade: [0],
				area: ['340px', '230px'],
				offset: 'rb', //右下角弹出
				time: 6000, //2秒后自动关闭
				anim: 2,
				shadeClose: true,
				content: ['view/sys/IndexInform.jsp', 'no']
			});
		}
		/*$(document).ready(function(){
			// 欢迎主界面
			document.getElementById("showview").src="welcome.jsp";
			$("#menuul").find("li[id='menu1']").addClass("seleli");
			$.ajax({
				type: "POST",
				url: "JqueryAction/getCountsForShow.action",
				dataType: "json",
				async:false,
				cache:false, 
				success: function(datas)
				{
					if(datas.show)
					{
						//iframe窗
						layer.open({
							type: 2,
							title: '<i class="Hui-iconfont" style="font-size:15px">&#xe6c5;</i> 消息通知',
							closeBtn: 1, //不显示关闭按钮
							shade: [0],
							area: ['340px', '230px'],
							offset: 'rb', //右下角弹出
							time: 6000, //2秒后自动关闭
							anim: 2,
							shadeClose: true,
							content: ['view/sys/IndexInform.jsp', 'no']
						});
					}
				}
			});
		}); */
	
		function changeHeight()
		{
			var ifm= document.getElementById("showview");   
			var subWeb = document.frames ? document.frames["showview"].document : ifm.contentDocument;   
			if(ifm != null && subWeb != null) {
			   ifm.height = subWeb.body.scrollHeight;
			   ifm.width = subWeb.body.scrollWidth;
			}  
		}
		
		window.onresize=function(){  
		     changeHeight();  
		} 
		
		function showCenters()
	    {
	    	layer.open({
			    type: 2,
			    skin: 'layui-layer-lan', 
			    title:"<i class='Hui-iconfont' style='font-size: 15px;''>&#xe603;</i>&nbsp;关于平台",
			    shadeClose: true,
			    shade: 0.2,
			    closeBtn: false,
			    anim:0,
			    area: ['400px', '40%'],
			    fadeIn : [600 , true],
			    loading : {type : 0},
			    content: 'view/sys/aboutSoft.jsp'
			}); 
	    }
		
		function getClickMenu(value)
		{
			$("#menuul").find("li[class='seleli']").removeClass("seleli");
			if(1 == value)
			{
				$("#menuul").find("li[id='menu1']").addClass("seleli");
				document.getElementById("showview").src="view/sys/welcome.jsp?flag=2";
			}
			if(2 == value)
			{
				$("#menuul").find("li[id='menu2']").addClass("seleli");
				document.getElementById("showview").src="view/ServiceCard/ServiceCardView.jsp";
			}
			if(3 == value)
			{
				$("#menuul").find("li[id='menu3']").addClass("seleli");
				document.getElementById("showview").src="view/account/AccountManagerView.jsp";
			}
			if(4 == value)
			{
				$("#menuul").find("li[id='menu4']").addClass("seleli");
				document.getElementById("showview").src="view/sys/SystemConfig.jsp";
			}
		}
	</script>
	<body style="overflow-y: hidden">
		<div class="header" style="position: absolute; width: 98.8%;">
			<div class="top">
				<img class="logo" src="include/images/logo.jpg" />
				<ul class="nav" id="menuul">
					<li id="menu1"><a href="javascript:void(0);"  onclick="getClickMenu(1);">主页</a></li>
					<li id="menu2"><a href="javascript:void(0);" onclick="getClickMenu(2);" >服务卡管理</a></li>
					<li id="menu3"><a href="javascript:void(0);"  onclick="getClickMenu(3);">财务管理</a></li>
					<li id="menu4"><a href="javascript:void(0);"  onclick="getClickMenu(4);">系统管理</a></li>
					<li id="menu5"><a href="javascript:void(0);" onclick="showCenters();">关于平台</a></li>
				</ul>
			</div>
		</div>
		<div class="container" style="padding-top: 50px;">
			<div class="leftbar">
				<div class="lm01">
					<img class="peptx" src="include/images/happy.gif" style="width: 90px" />
					<div class="pepdet">
						<p class="pepname" style="padding-top: 5px"><font style="font-size:14px;font-weight:bolder;color:#F5B58F;font-family: 黑体"><i class="Hui-iconfont" style="font-size: 22px;font-weight: bolder;">&#xe6bb;</i>Father特别版</font></p>
						<p style="padding-top: 0px">
							<font color="#EFBA10" style="font-size:13px;"><i class="Hui-iconfont" style="font-size: 20px;">&#xe72c;</i>&nbsp;金牌维修师傅</font>
						</p>
						<p style="padding-top: 10px">
							<font color="#A5CAF7" style="font-size:13px;">江苏昆山南部片区</font>
						</p>
					</div>
					<div class="clear"></div>
				</div>
				<div class="lm03">
						<div class="title">
							<img style="padding-right: 5px;" class="icon"
								src="include/images/weaicon.jpg" />
							<h2>天气</h2>
						</div>
						<div class="detail" >
							<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=2&num=1" width="210" height="70" frameborder="0" marginwidth="10" marginheight="50" scrolling="no"></iframe>						
						</div>
					</div>
				<div class="lm02">
					<div class="title">
						<img style="padding-right: 5px;" class="icon"
								src="include/images/dataicon.jpg" />
							<h2>日历</h2>
					</div>
					<div id="calendar">
					    <div class="c_header">
					        <h1></h1>
					            <span class="pre">&lt;</span>
					        	<span class="next">&gt;</span>
					            <ol>
					            	<li>日</li>
					            	<li>一</li>
					            	<li>二</li>
					            	<li>三</li>
					            	<li>四</li>
					            	<li>五</li>
					            	<li>六</li>
					            </ol>
					        </div>
					        <ul class="c_body">
					        	<li></li><li></li><li></li><li></li><li></li><li></li><li></li>
					        	<li></li><li></li><li></li><li></li><li></li><li></li><li></li>
					        	<li></li><li></li><li></li><li></li><li></li><li></li><li></li>
					        	<li></li><li></li><li></li><li></li><li></li><li></li><li></li>
					        	<li></li><li></li><li></li><li></li><li></li><li></li><li></li>
					        	<li></li><li></li><li></li><li></li><li></li><li></li><li></li>
					        </ul>
			   		 </div>
			    </div>
			</div>
			<div class="wrap">
		        <div class="iframe-container">
		        	<iframe scrolling="no" frameborder=0 allowfullscreen  id="showview"
						marginheight="0" marginwidth="0" style="width: 1109px"></iframe>
		        </div>
		    </div>
				
	</body>
</html>